@charset UTF-8;

.account-box .account-c,.game-box .game-c,.service-c {
	border-top: 1px dotted #e6e6e6
}

.account-box .account-c li,.game-box .game-c li,.service-c li {
	text-indent: 10px
}

.service-wrap {
	width: 1150px;
	margin: 0 auto
}

.service-banner {
	background: url(../img/banner-box.png) center 0 no-repeat
}

.service-banner-wrap {
	height: 320px;
	margin: 0 auto;
	background: url(../img/banner.png) center 0 no-repeat
}

.service-btn-wrap {
	width: 1260px;
	margin: 0 auto;
	position: relative
}

.service-btn {
	width: 207px;
	height: 77px;
	float: right;
	background: url(../img/service-btn.jpg) left top no-repeat;
	background-size: 100% 100%;
	margin: 55px 20px 0 0
}

.question-btn {
	width: 207px;
	height: 77px;
	background: url(../img/question-btn.jpg) left top no-repeat;
	background-size: 100% 100%;
	position: absolute;
	right: 20px;
	top: 150px
}

.account-box,.game-box,.pay-box {
	box-shadow: 1px 10px 10px #e6e6e6;
	position: relative;
	float: left
}

.service-content {
	min-width: 1200px;
	max-width: 1920px;
	height: 400px;
	margin: 0 auto;
	padding-top: 30px;
	/*background-color: #f9f9f9*/
}

.pay-box {
	width: 349px;
	height: 321px;
	margin-right: 50px;
	background-color: #fff
}

.pay-box .pay-mask {
	width: 100%;
	height: 98px;
	/*background: url(../img/pay-mask.png) left top no-repeat*/
}

.pay-box .pay-mask .pay-t {
	font-size: 22px;
	line-height: 60px;
	padding: 25px 0 0 87px
}

.pay-box .pay-mask .pay-t a {
	/*color: #37b0e9*/
	color: #000
}

.pay-box .pay-mask .pay-t .pay-icon {
	width: 50px;
	height: 50px;
	display: block;
	float: left;
	margin-right: 20px;
	background: url(../img/pay-icon.png) left top no-repeat;
	background-size: 100%
}

.service-c {
	width: 313px;
	height: 205px;
	margin: 0 auto;
	padding: 20px 0
}

.service-c li {
	line-height: 30px
}

.account-box .account-mask .account-t,.game-box .game-mask .game-t {
	font-size: 22px;
	line-height: 60px;
	padding: 25px 0 0 87px
}

.service-c li a {
	color: #676767
}

.service-c li a:hover {
	/*color: #37b0e9;*/
	color: #ff7800;
	text-decoration: underline
}

.account-box {
	width: 349px;
	height: 321px;
	margin-right: 50px;
	background-color: #fff
}

.account-box .account-mask {
	width: 100%;
	height: 98px;
	/*background: url(../img/account-mask.png) right bottom no-repeat*/
}

.account-box .account-mask .account-t a {
	/*color: #37b0e9*/
	color: #000
}

.account-box .account-mask .account-t .account-icon {
	width: 50px;
	height: 50px;
	display: block;
	float: left;
	margin-right: 20px;
	background: url(../img/account-icon.png) left top no-repeat;
	background-size: 100% 100%
}

.account-box .account-c {
	width: 313px;
	height: 205px;
	margin: 0 auto
}

.account-box .account-c li a {
	color: #676767
}

.account-box .account-c li a:hover {
	color: #37b0e9;
	text-decoration: underline
}

.game-box {
	width: 349px;
	height: 321px;
	background-color: #fff
}

.game-box .game-mask {
	width: 100%;
	height: 98px;
	/*background: url(../img/game-mask.png) right top no-repeat*/
}

.game-box .game-mask .game-t a {
	/*color: #37b0e9*/
	color: #000
}

.game-box .game-mask .game-t .game-icon {
	width: 50px;
	height: 50px;
	display: block;
	float: left;
	margin-right: 20px;
	background: url(../img/game-icon.png) left top no-repeat;
	background-size: 100% 100%
}

.game-box .game-c {
	width: 313px;
	height: 205px;
	margin: 0 auto
}

.game-box .game-c li a {
	color: #676767
}

.game-box .game-c li a:hover {
	color: #37b0e9;
	text-decoration: underline
}

.bottom-btn {
	width: 830px;
	height: 101px;
	border: 1px solid #e6e6e6;
	margin: 30px auto
}

.bottom-btn ul li {
	width: 166px;
	height: 50px;
	margin-left: -1px;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	text-align: center;
	line-height: 51px;
	float: left
}

.bottom-btn ul li a {
	width: 100%;
	height: 100%;
	display: block
}

.bottom-btn ul li:hover {
	background-color: #37b0e9
}

.bottom-btn ul li:hover a {
	color: #fff
}

.crumbs-box {
	width: 100%;
	height: 40px;
	line-height: 40px;
	background-color: #55c4f0
}

.crumbs-box .crumbs {
	width: 1200px;
	margin: 0 auto
}

.crumbs-box .crumbs a {
	float: left;
	width: 108px;
	text-align: center;
	height: 40px;
	color: #fff
}

.crumbs-box .crumbs a.active {
	background-color: #1595c7
}

.service-list {
	width: 1200px;
	height: 120px;
	border: 1px solid #eee;
	padding: 10px 20px;
	margin-bottom: 10px;
	overflow: hidden
}

.service-list h2 {
	font-size: 18px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #e6e6e6
}

.service-list div {
	color: #939393;
	height: 75px;
	overflow: hidden
}